* {
    margin: 0;
    padding: 0;
    /*background-color: #fff;*/
}

.evaluate-report {
    width: 1000px;
    height: 757px;
    /*background-color: #fff;*/
    margin: 0 auto;
    border: 1px solid lightgray;
    border-left: none;
    border-right: none;
    /* background: #f4f4f4;*/
}

.evaluate-report .one-line {
    width: 100%;
    height: 46px;
    /* background-color: lightsalmon;*/
    border-left: 1px solid lightgray;
    border-right: 1px solid lightgray;
    border-bottom: 2px solid #25bb9b;
}

.evaluate-report .one-line .menu-prefix {
    width: 197px;
    height: 100%;
    list-style: none;
    display: inline-block;
}

.evaluate-report .one-line .menu-prefix .unselected {
    width: 98px;
    height: 100%;
    background-color: #25bb9b;
    display: inline-block;
    float: left;
}

.evaluate-report .one-line .menu-prefix .unselected .prefix-word:hover {
    background-color: #25bb9b;
    color: #fff;
    /*border-right: 1px solid red;*/
}

.evaluate-report .one-line .menu-prefix .unselected .prefix-word {
    width: 98px;
    height: 46px;
    background-color: #fff;
    line-height: 46px;
    text-decoration: none;
    color: #333333;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    display: inline-block;
    position: relative;
    /*border-right: 1px solid #fff;*/
}

.evaluate-report .one-line .menu-prefix .selected {
    display: inline-block;
    width: 98px;
    height: 46px;
    /*background-color: red;*/
    float: right;
    border-left: 1px solid #fff;
}

.evaluate-report .one-line .menu-prefix .suffix-word {
    width: 98px;
    height: 46px;
    line-height: 46px;
    text-decoration: none;
    color: #fff;
    position: relative;
    background-color: #25bb9b;
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    display: inline-block;
}

.evaluate-report .two-line {
    width: 100%;
   /* height: 1000px;*/
    border-left: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    border-right: 1px solid lightgray;
    /* background-color: lightblue;*/
}

.evaluate-report .two-line .subject-item {
    width: 95%;
    height: 155px;
    /* background-color: red;*/
    margin: 0 auto;
    position: relative;
    padding-top: 10px;
    line-height: 155px;
    border-bottom: 1px solid lightgray;
}

.evaluate-report .two-line .subject-item .per-grade {
    width: 100%;
    height: 24px;
    line-height: 24px;
    top: 10px;
    color: #666666;
    position: relative;
    font-size: 14px;
}

.evaluate-report .two-line .subject-item .subject-list {
    margin-top: 10px;
    height: 100px;
    line-height: 100px;
    letter-spacing: -4px;
    /*margin-right: -10px;*/
    list-style: none;

    /* width: 100%;
     height: 52px;
     letter-spacing: -4px;
     margin-right: -10px;*/
}


.evaluate-report .two-line .subject-item .subject-list .correct-order {
    /* width: 32px;*/
    height: 32px;
    line-height: 32px;
    text-align: center;
    letter-spacing: 0;
    display: inline-block;
    /*position: relative;*/
    margin: 0 auto;
    margin-right: 5px;
}


.evaluate-report .two-line .subject-item .subject-list .correct-order a {
    background: #1abc9c;
    color: #fff;
    display: block;
    font-size: 14px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    position: relative;
    text-decoration: none;
}

.evaluate-report .two-line .subject-item .subject-list .correct-order a:hover {
    display: block;
    font-size: 14px;
    width: 32px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    position: relative;
    text-decoration: none;
}

.evaluate-report .two-line .subject-item .subject-list .error-order {
    height: 32px;
    line-height: 32px;
    text-align: center;
    letter-spacing: 0;
    display: inline-block;
    /*position: relative;*/
    margin: 0 auto;
    margin-right: 5px;
}

.evaluate-report .two-line .subject-item .subject-list .error-order a {
    display: block;
    background: #ff431e;
    color: #fff;
    font-size: 14px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    position: relative;
    text-decoration: none;
}

.evaluate-report .two-line .subject-item .subject-list .error-order a:hover {
    display: inline-block;
    font-size: 14px;
    width: 32px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    position: relative;
    text-decoration: none;
}


.evaluate-report .two-line .subject-item .subject-list .correct-order .done-hover,
.evaluate-report .two-line .subject-item .subject-list .error-order .done-hover {
    display: inline-block;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    width: 32px;
    /*height: 32px;*/
    text-align: center;
    margin-top: -44px;
    /*position: relative;*/
    text-decoration: none;
}


.evaluate-report .two-line .question-box {
    width: 95%;
    margin: 0 auto;
    height: 103px;
    /*background-color: red;*/
    border-bottom: 1px solid lightgray;
}

.evaluate-report .two-line .question-box .subject-question {
    width: 100%;
    height: 22px;
    margin: 0 auto;
    font-size: 14px;
    position: relative;
    top: 38px;
}

.evaluate-report .two-line .question-box .subject-question .question-number {
    background: #1abc9c;
    border-radius: 12px;
    float: left;
    color: #fff;
    padding: 5px 7px;
    line-height: 12px;
    font-weight: 400;
}

.evaluate-report .two-line .question-box .subject-question .btn-blue {
    text-decoration: none;
    padding: 5px 10px;
    margin: -2px 10px 0;
    width: auto;
    vertical-align: middle;
    float: left;
    background-color: #5395e0;
    color: #fff;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    border-radius: 3px;
    border: none 0;
    cursor: pointer;
    line-height: normal;
    outline: 0;
    white-space: nowrap;
}

.evaluate-report .two-line .question-box .subject-question .question-main {
    margin-left: 30px;
    font-size: 14px;
}

.evaluate-report .two-line .result-subject-item {
    width: 95%;
    height: 524px;
    margin: 0 auto;
    /*background-color: greenyellow;*/
    border-bottom: 1px solid lightgray;
}

.evaluate-report .two-line .result-subject-item .true-answer {
    width: 100%;
    height: 42px;
    /* background-color: purple;*/
}

.evaluate-report .two-line .result-subject-item .true-answer h1 {
    position: relative;
    top: 10px;
    /*height: 10px;*/
    font-size: 14px;
    margin-bottom: 20px;
    color: #666;
    display: inline-block;
}

.evaluate-report .two-line .result-subject-item .true-answer .item {
    position: relative;
    top: 10px;
    font-size: 14px;
    margin-bottom: 20px;
    color: #666;
    display: inline-block;
}

.evaluate-report .two-line .result-subject-item .true-answer .font-green {
    position: relative;
    top: 10px;
    color: #25bb9b;
    font-size: 14px;
    margin-bottom: 20px;
    display: inline-block;
}

.evaluate-report .two-line .result-subject-item .true-answer .font-red {
    position: relative;
    top: 10px;
    color: #ff431e;
    font-size: 14px;
    margin-bottom: 20px;
    display: inline-block;
}

.evaluate-report .two-line .result-subject-item .result-answer-item {
    height: 25px;
    line-height: 25px;
    /*line-height: 30px;*/
    border-radius: 6px;
    border: 1px solid #d4d4d4;
    padding: 10px;
    background: #fff;
    font-size: 14px;
    margin-bottom: 20px;
}

.evaluate-report .two-line .result-subject-item .green-answer-item {
    border-color: #1abc9c;
}

.evaluate-report .two-line .result-subject-item .red-answer-item {
    border-color: #ff431e;
}

.evaluate-report .two-line .result-subject-item .clear-fix {
    width: 100%;
    height: 30px;
    display: block;
    /* background-color: lightgoldenrodyellow;*/
}

.evaluate-report .two-line .result-subject-item .clear-fix .opt-tool {
    width: 410px;
    height: 20px;
    float: right;
    font-size: 14px;
    margin-top: 10px;
    list-style: none;
}

.evaluate-report .two-line .result-subject-item .clear-fix .opt-tool li {
    display: inline-block;
    border-right: 1px solid lightgray;
    margin-right: 4px;
}

.evaluate-report .two-line .result-subject-item .clear-fix .opt-tool img {
    position: relative;
    top: 3px;
}

.evaluate-report .two-line .result-subject-item .clear-fix .opt-tool .opt-item {
    text-decoration: none;
    color: #888;
    display: block;
    /*padding-left: 20px;*/
    line-height: 20px;
    margin-right: 8px;
}

.evaluate-report .two-line .result-subject-item .clear-fix .opt-tool .opt-item:hover {
    color: #1abc9c;
}

.evaluate-report .two-line .result-subject-item .clear-fix .opt-tool .opt-item-share {
    border-right: none;
}

.evaluate-report .two-line .result-subject-item .topic-quality {
    width: 100%;
    height: 132px;
    /* background-color: lightpink;*/
    border-top: 1px solid #ddd;
    margin-top: 20px;
    padding-top: 20px;
    font-size: 14px;
}

.evaluate-report .two-line .result-subject-item .topic-quality .mb2 {
    margin-bottom: 10px;
}

.evaluate-report .two-line .result-subject-item .topic-quality .mb3 {
    width: 100%;
    height: 34px;
    margin-bottom: 10px;
}

.evaluate-report .two-line .result-subject-item .topic-quality .mb3 .nk-toggle-box {
    width: 150px;
    height: 34px;
    vertical-align: middle;
    margin-right: 40px;
    display: inline-block;
    position: relative;
    font-size: 0;
}

.evaluate-report .two-line .result-subject-item .topic-quality .mb3 .nk-toggle-box .nk-checkbox-toggle {
    width: 67px;
    height: 34px;
    position: relative;
    display: inline-block;
}

.evaluate-report .two-line .result-subject-item .topic-quality .mb3 .nk-toggle-box .nk-checkbox-toggle .first-child {
    /*border-left: 1px solid #dcdfe6;*/
    border-radius: 4px 0 0 4px;
    box-shadow: none !important;
    padding: 0 15px;
    line-height: 34px;
    height: 34px;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    color: #606266;
    text-align: center;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    font-size: 14px;
}

.evaluate-report .two-line .result-subject-item .topic-quality .mb3 .nk-toggle-box .nk-checkbox-toggle .last-child {
    border-radius: 0 4px 4px 0;
    box-shadow: none !important;
    padding: 0 15px;
    line-height: 34px;
    height: 34px;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    /*border-left: 0;*/
    color: #606266;
    text-align: center;
    box-sizing: border-box;
    outline: 0;
    margin-left: -2px;
    font-size: 14px;
}

.evaluate-report .two-line .result-subject-item .topic-quality .mb3 .difficult {
    width: 220px;
    height: 21px;
    background-color: red;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}

.evaluate-report .two-line .result-subject-item .topic-quality .mb4 {
    margin-bottom: 10px;
    height: 38px;
}

.evaluate-report .two-line .result-subject-item .topic-quality .mb4 a {
    text-decoration: none;
    display: inline-block;
    float: left;
}

.evaluate-report .two-line .result-subject-item .topic-quality .mb4 .tag-label {
    width: 70px;
    height: 26px;
    text-align: center;
    /* font-size: 14px;
     margin-right: 10px;
     border-color: #e5e5e5;*/
    border-radius: 12px;
    border: 1px solid #ddd;
    display: inline-block;
    padding: 2px 10px;
    color: #333;
    font-size: 14px;
    margin-right: 2px;
    background: #fff;
    margin-bottom: 5px;
    line-height: 26px;
    position: relative;

}

.evaluate-report .two-line .result-subject-item .topic-quality .mb4 .tag-label:hover {
    background-color: #ebebeb;
    /*  color:lightgray;*/
}

.evaluate-report .two-line .result-subject-item .topic-quality .mb4 .btn-primary {
    width: 80px;
    font-size: 14px;
    padding: 9px 0 10px;
    background: #25bb9b;
    display: inline-block;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    border: none 0;
    cursor: pointer;
    line-height: normal;
    outline: 0;
    white-space: nowrap;
}

.evaluate-report .two-line .result-analysis {
    width: 100%;
    margin: 0 auto;
    height: 110px;
    /* background-color: purple;*/
    /*background: #fff;*/
    /* padding: 20px 30px;*/
    border-bottom: 1px solid lightgray;
}

.evaluate-report .two-line .result-analysis h1 {
    width: 95%;
    height: 21px;
    margin: 0 auto;
    position: relative;
    top: 15px;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 20px;
    color: #666;
}

.evaluate-report .two-line .result-analysis .tags-box {
    position: relative;
    top: 10px;
    width: 95%;
    height: 27px;
    margin: 0 auto;
}

.evaluate-report .two-line .result-analysis .tags-box .tag-label {
    border-radius: 12px;
    border: 1px solid #ddd;
    display: inline-block;
    padding: 2px 10px;
    color: #999;
    font-size: 12px;
    margin-right: 2px;
    background: #fff;
    margin-bottom: 5px;
    line-height: 20px;
    position: relative;
}

.evaluate-report .two-line .result-analysis .tags-box a {
    color: #999999;
    font-size: 12px;
}
